<template>
<table >
    <tr style="background-color: aqua;">
        <td>用户登录账号</td>
        <td>理财产品名称</td>
        <td>年收益</td>
        <td>购买金额</td>
        <td>购买时间</td>
    </tr>
    <tr v-for="i in data">
        <td>{{ i.UL_Name }}</td>
        <td>{{ i.F_Name }}</td>
        <td>{{ i.F_ARY }}</td>
        <td>{{ i.UF_Money }}</td>
        <td>{{ i.UF_Date }}</td>
    </tr>
    
</table>
</template>
<script setup lang="ts">
import {ref,onMounted} from 'vue'
import axios from 'axios'
import { useRoute } from 'vue-router';
const route = useRoute();
const data:any=ref([])
onMounted(()=>{
    Show()
})
const Show=()=>{
    axios.get("https://localhost:44358/api/Finan/SelectByFidContext",
        {
            params:{
                F_Id:route.query.F_Id
            }
        }
    ).then(res=>{
        data.value=res.data
    }).catch(err=>{
        console.log(err);
    })
}

</script>